<div class="span9">
    <div class="well well-small">
        <h4>Featured Products
            <small class="pull-right">200+ featured products</small>
        </h4>
        <div class="row-fluid">
            <div class="carousel slide" id="featured">
                <div class="carousel-inner">
                    <div class="item">
                        <ul class="thumbnails">
                            <li class="span3">
                                <div class="thumbnail">
                                    <i class="tag"></i>
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/b1.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <i class="tag"></i>
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/b2.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <i class="tag"></i>
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/b3.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <i class="tag"></i>
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/b4.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="item">
                        <ul class="thumbnails">
                            <li class="span3">
                                <div class="thumbnail">
                                    <i class="tag"></i>
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/5.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <i class="tag"></i>
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/6.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/7.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/8.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="item active">
                        <ul class="thumbnails">
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/9.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/10.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/11.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/1.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="item">
                        <ul class="thumbnails">
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/2.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/3.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/4.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a href="product_details.html"><img alt="" src="./app/themes/images/products/5.jpg"></a>
                                    <div class="caption">
                                        <h5>Product name</h5>
                                        <h4><a href="product_details.html" class="btn">VIEW</a> <span class="pull-right">$222.00</span></h4>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <a data-slide="prev" href="#featured" class="left carousel-control">‹</a>
                <a data-slide="next" href="#featured" class="right carousel-control">›</a>
            </div>
        </div>
    </div>
    <h4>Latest Products </h4>
    <ul class="thumbnails">
        <li class="span3">
            <div class="thumbnail">
                <a href="product_details.html"><img alt="" src="./app/themes/images/products/6.jpg"></a>
                <div class="caption">
                    <h5>Product name</h5>
                    <p>
                        Lorem Ipsum is simply dummy text.
                    </p>

                    <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                </div>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail">
                <a href="product_details.html"><img alt="" src="./app/themes/images/products/7.jpg"></a>
                <div class="caption">
                    <h5>Product name</h5>
                    <p>
                        Lorem Ipsum is simply dummy text.
                    </p>
                    <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                </div>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail">
                <a href="product_details.html"><img alt="" src="./app/themes/images/products/8.jpg"></a>
                <div class="caption">
                    <h5>Product name</h5>
                    <p>
                        Lorem Ipsum is simply dummy text.
                    </p>
                    <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                </div>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail">
                <a href="product_details.html"><img alt="" src="./app/themes/images/products/9.jpg"></a>
                <div class="caption">
                    <h5>Product name</h5>
                    <p>
                        Lorem Ipsum is simply dummy text.
                    </p>
                    <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                </div>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail">
                <a href="product_details.html"><img alt="" src="./app/themes/images/products/10.jpg"></a>
                <div class="caption">
                    <h5>Product name</h5>
                    <p>
                        Lorem Ipsum is simply dummy text.
                    </p>
                    <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                </div>
            </div>
        </li>
        <li class="span3">
            <div class="thumbnail">
                <a href="product_details.html"><img alt="" src="./app/themes/images/products/11.jpg"></a>
                <div class="caption">
                    <h5>Product name</h5>
                    <p>
                        Lorem Ipsum is simply dummy text.
                    </p>
                    <h4 style="text-align:center"><a href="product_details.html" class="btn"> <i class="icon-zoom-in"></i></a> <a href="#" class="btn">Add to <i class="icon-shopping-cart"></i></a> <a href="#" class="btn btn-primary">$222.00</a></h4>
                </div>
            </div>
        </li>
    </ul>

</div>